/*@font-face {font-family: helveticaneuecyr-light;
            src: url("../fonts/HelveticaNeueCyr-Light.ttf"); }
@font-face {font-family: OpenSans-Regular; 
            src: url("../fonts/OpenSans-Regular.ttf"); }*/
			
			
body{
	background-color: #e1e6e6;
}

body input {
	outline: none;
	border:2px solid #3b505e;
	padding: 5px 10px;
}





/*#### header and footer ####*/

.head_and_foot_style{
	 width:100%;
	 background-color: #3b505e;
	 margin-bottom: 26px;
 }
footer.head_and_foot_style{
    margin-bottom: 0px;
}
.head_and_foot_style div{
	 width:75%;
	 margin: 0 auto;
 }
  
.head_and_foot_style div>ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
 
.head_and_foot_style div ul li a
 {
	 text-decoration: none;
	 display: block;
	 font-size: 12px;
	 color:#e1e6e6;
	 font-family: helveticaneuecyr-light;
	 padding: 25px 13px 16px 13px;
	 text-transform: uppercase;
}






/*Основной блок */

.main_info{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

aside, section {
	background-color: white;	
	font-family: OpenSans-Regular;
}












/*#### central block ####*/

section {
	width:45%     /*600px*/;
	margin: 0px 30px;
    min-width: 270px;
}

section header,
section article {
	padding: 25px 20px 0px 20px;
}

section article {
	padding: 0px 20px 25px 20px;
}

section>header h1{
	font-weight: bold;
	font-size: 20px;
}
section table {
    width:100%;
    margin-top: 20px;
}
section table tr{
    border-bottom: 2px solid #3b505e;
}
section table th {
    border: 2px solid #3b505e;
}
section table td {
	padding:10px 20px;
	font-size: 14px;
    border-left:  2px solid #3b505e;
    border-right:  2px solid #3b505e;
    text-align: center;
}

section p {
    padding:12px 0px 12px 0px;
    font-size: 14px;
    text-align: justify;
}









/*#### aside block with menu ####*/

aside.a1{
	width:13%;     /*160px*/
    max-width: 180px;
    min-width: 105px;
}

aside.a1 ul li{
	padding: 12px 20px;
    word-wrap: break-word;
}

aside.a1 a {
	display: block;
	text-decoration: none;
	color:#3b505e;
	text-transform: uppercase;
	font-size: 12px;	
	font-family: helveticaneuecyr-light;
}











/*#### aside banner ####*/

aside.a2{
	width:20%;   /*200px*/
    min-width: 170px;
}

aside.a2 header h1{	
	font-weight: bold;
	font-size: 20px;
}

aside.a2 article{
	margin:25px 20px;
}

aside.a2 article p {
	text-align: justify;
	padding-top: 12px;
	font-size: 14px;
}





.popUp{
    width: 400px;
    padding: 50px;
    position: absolute;
    top:100px;
    left: 33%;
    background-color: #3b505e;
    font-size: 18px;
    color: white;
    font-family: helveticaneuecyr-light;
    display: none;                           /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
    transition:display 20s ease-in 5s;/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

}




.popUp>a {
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
}



.popUp input[type="email"],
.popUp input[type="password"]{
    padding: 5px 10px;
    width:150px;
    border: 3px solid #3b505e;
    color: #3b505e;
}
.popUp input[type="email"]:focus,
.popUp input[type="password"]:focus{
    outline: none;
}
/*
.popUp input[type="email"]:invalid{
    border:3px solid red;
}*/

.popUp label{
    display: inline-block;
    width: 150px;
}
.popUp input[type="submit"],
.popUp input[type="reset"]{
    background-color:#e1e6e6;
    border: none;
    color:#3b505e;
    cursor: pointer;
    width:100px;
    padding: 5px 0px;
}
.popUp input[type="submit"]{
    margin-right: 20px;
}

.popUp p{
    text-align: center;
    padding-bottom: 20px;
}
.popUp span {
    font-size: 14px;
    color:red;
    text-align: right;
}
.popUp #popUpClose {
    font-size: 20px;
}













.playing_item button{
    background-color:grey;
    cursor: pointer;
    padding: 10px 25px;
    min-width: 100px;
    border:none;
}
.playing_item button:focus{
    outline: none;
}